.msg-textarea-box {
  // width: 632px;
  background: #fbfbfb;
  border-radius: 2px;
  border: 1px solid #eee;
  font-size: 14px;
  line-height: 20px;
  -webkit-box-flex: 1;
  flex: 1;

  .insert-btn {
    border-bottom: 1px dashed #e9e9e9;
    padding: 6px 15px;
    color: #e8971d;

    .clickable{
      cursor: pointer;
    }
  }

  .no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .textarea-box {
    padding: 6px 13px;

    .textarea {
      height: 150px;
      outline: none;
      font-size: 14px;
      color: #333;
      line-height: 20px;
      overflow-y: auto;
      overflow-x: hidden;
      white-space: pre-wrap;
      word-break: break-all;

      .nickname{
        color: #e8971d;
      }
    }
    .placeholder {
      position: relative;
      &:before {
        content: attr(data-placeholder);
        position: absolute;
        top: 0;
        left: 0;
        color: rgba(0, 0, 0, 0.35);
        cursor: text;
      }
    }
  }

  .disabled {
    cursor: default !important;
    background: transparent !important;
  }

  .textarea-foot {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    padding: 0;

    .text-cnt {
      text-align: right;
      font-size: 13px;
      color: rgba(0, 0, 0, 0.25);
      line-height: 18px;
      margin: 0;
    }
  }

  .right {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
}
